<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
		<script src="js/jquery-1.11.0.js"></script>
		<script>
			$(function(){
				$("button").eq(0).click(function(){
					//$("div").hide();
					//$("div").hide("fast");
					$("div").hide(200);
				})
				$("button").eq(1).click(function(){
					//$("div").hide();
					//$("div").hide("fast");
					$("div").show(200,function(){
						//alert("div已经显示")
					});
				})
				$("button").eq(2).click(function(){
					$("div").toggle(200);
				})
			})
		</script>
	</head>
	<body>
		<button>hide</button>
		<button>show</button>
		<button>toggle</button>
		<div style="width: 200px;height: 200px;background-color: #00FFFF;"></div>
	</body>
</html>
